<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="__PUBLIC__/home/css/Order-Management.css" />
		<script src="__PUBLIC__/home/js/jquery-1.12.2.min.js"></script>
		<title>订单管理</title>
	</head>
	<script type="text/javascript">
		var pageStartTime = +new Date;
		~
		function(e) {
			function t() {
				var t = screen.width > 0 && (e.innerWidth >= screen.width || 0 == e.innerWidth) ? screen.width : e.innerWidth;
				a && (t = screen.width);
				var i = t > u ? w : t / (u / 100);
				i = i > h ? i : h, document.documentElement.style.fontSize = i + "px"
			}
			var i, n = e.navigator.userAgent,
				a = n.match(/iphone/i),
				o = n.match(/yixin/i),
				c = n.match(/Mb2345/i),
				r = n.match(/mso_app/i),
				s = n.match(/sogoumobilebrowser/gi),
				m = n.match(/liebaofast/i),
				d = n.match(/GNBR/i),
				u = document.documentElement.dataset.dw || 720
			h = 42,
				w = 100;
			e.addEventListener("resize", function() {
				clearTimeout(i), i = setTimeout(t, 300)
			}, !1), e.addEventListener("pageshow", function(e) {
				e.persisted && (clearTimeout(i), i = setTimeout(t, 300))
			}, !1), o || c || r || s || m || d ? setTimeout(function() {
				t()
			}, 500) : t()
		}(window);
	</script>
	<body>
		<div class="header pr">
			<a href="javascript:history.back(-1)" class="icon pa">
				<img src="__PUBLIC__/home/img/back1.png">
			</a>				
			<span class="text-phone">订单管理</span>
		</div>
		<div class="indent">
			<div class="big-img pr">
				<div class="indent-header clearfix">
					<span class="pa indent-img">
						<img src="__PUBLIC__/home/img/健身-(1).png">
					</span>
					<p class="indent-meta"><span class="p-big">已完成派送</span><br>
					<span class="p-smale">订单时间: 2016-09-28 12:12:24</span></p>
				</div>
				<div class="indent-center pr">
					<p class="waiting"><span class="waiting-img pa"><img src="img/等待用户付款_03.png"></span><span>订单号: XH123456789456</span></p>
				</div>
				<div class="indent-footer">
					<div class="button-one fl">续租</div>
					<div class="button-two fl sublet">一键转租</div>
					<div class="button-two fl">我要还货</div>
				</div>
			</div>
		</div>
		<div class="take">
			<div class="take-top">
				<p><span><img src="__PUBLIC__/home/img/icon-1.png"></span><span class="accept">收货人信息</span></p>
			</div>
			<div class="take-bottom">
				<div class="take-bottom-main">
					<p class="take-main-top"><span class="main-left fl">收货人: ABC</span><span class="main-right fr">15880777777</span></p>
					<p>收货地址 : 厦门 厦门市 思明区 观音山 国际商务中心4号楼 </p>
				</div>
			</div>
		</div>
		<div class="main-center"></div>
		<div class="take top-1">
			<div class="take-top take-top-1">
				<p><span><img src="__PUBLIC__/home/img/icon-2.png"></span><span class="accept">套餐</span></p>
			</div>
			<div class="take-bottom-main-1">
				<div class="bottom-img fl">
					<div class="img-left fl">
						<img src="__PUBLIC__/home/img/small01.png">
					</div>
					<div class="img-right fl">
						<p>商品详情商品详情商品详情商品详情商品详情商品详情</p>
						<p class="red-text">剩余天数: 5天</p>
					</div>	
				</div>
				<div class="bottom-img-right fr">
					<p class="tr price">¥ 5元</p>
					<p class="tr small-number">X1</p>
				</div>
			</div>
		</div>
		<div class="alert pr">
			<img src="__PUBLIC__/home/img/close.png" class="pa close">
			<div class="alert-top">
				<p class="big-text">是否在同一个小区</p>
				<p class="small-text">*同一个小区:转租成功后系统将自动返还您的配送费</p>
				<p class="small-text">不同一个小区:系统不会返还您的配送费</p>
			</div>
			<div class="alert-bottom">
				<div class="fl">是</div>
				<div class="fr">否</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.close').click(function(){
				$(this).parent().hide();
			});
			$('.sublet').click(function(){
				$('.alert').show();
			})
		})
	</script>
</html>
